html {font-size: 100%;}
body,ul {margin: 0;padding: 0;
		font-size: 1em;
		font-family: '微软雅黑';}
li{list-style: none;}
a{text-decoration: none;}

#bg {
	width:73.75em;
	margin: 0 auto;
	background: url(../img/bg.jpg) repeat-y;
	padding-top: 1em;
	position: relative;
	padding-top: 3.6em;
}

header,section,footer{
	width: 67.5em;
	margin: 0 auto;
}

nav {width: 100%;
	background: #333333;
	margin: 0 auto;
	position: fixed;
	z-index: 5;
}
nav ul {
	width: 60em;
	margin: 0 auto;
}
nav li{
	float: left;
	height: 3.5em;
}
nav a {
	display: block;
	padding: 0.625em;
	line-height: 1.7em;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
}
nav a:hover {
	background: #555555;
	color: #FFA60E;
}


header {
	margin: 0 auto;
	padding-top: 0.625em;
}
#top {
	width: 67.5em;
	height: 5.625em;
	margin-bottom: 0.625;
	position: relative;
}
.logo {
	width: 18em;
	height: 5em;
	margin-right: 0.625em;
float: left;
}
#top .ad {
	display: block;
	width: 25em;
	height: 5em;
	line-height: 1.625em;
	font-size: 1em;
	margin: 0.05em;
	color: #666;
	border-left:0.062em solid #555;
	float: left;
}
#top .right{
	background: #FF0000;
	width: 20em;
	height: 5.625em;
	float: right;
	background: url(../img/top_right_bg.jpg) 0 center no-repeat;
}
#top .right span {
	margin-top:0.2em; 
	margin-left: 4.5em;
	float: left;
	margin-right: 0.65em;
	color: #555;
	font-size: 1em;
}
#top strong {
	color: #ffa60e;
	font-size: 1.25em;
	font-weight: normal;
}
#top a{
	font-size: 1.125em;
	color:#0066cc ;
	text-decoration: underline;
}
#top .right img{
	width:5.3em;
	height: 5.3em;
	float: right;
}



#banner {
	width: 67.5em;
	height: 31.25em;
	position: relative;
	margin-bottom: 3.125em;
}
#banner ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0.312em;
	left: 30em;
}
#banner li{
	float: left;
	width: 1.25em;
	height: 1.25em;
	margin-right: 0.312em;
	border: 0.062em solid #333;
	border-radius: 0.625em;
}
#banner .active {
	background: #FFA60E;
}

.mid {
	padding-top: 4em;
	width:67.5em;
	height: 5em;
	text-align: center;
	margin-bottom: 1.875em;
	background: url(../img/mid_bg.png) no-repeat 0 4em;
}
.mid h1 {
	color: #FFFFFF;
	line-height: 1.4em;
	font-size: 2.5em;
	margin: 0;padding: 0;
}
.mid span {
	color: #666666;
	font-family: arial;
	font-size: 1em;
	font-family: arial;
}

#why {
	width: 67.5em;
	margin: 0 auto;
	text-align: center;
}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
#why h1{
	font-size: 2.5em;
	color: #666;
	margin-bottom: 0.02em;
}
#why h1 span{
	color: #FF0000;
}
.flow_h1{
	font-family: arial;
	color: #999;
	font-size: 0.875em;
}
#why ul{
	width: 66.875em;
	margin: 0 auto;
	margin-top: 1.25em;
	padding: 0;	
}
#why li{
	width: 23.2em;
	height: 1.8em;
	float: left;
	text-align: left;
	text-indent: 2.2em;
	margin-bottom: 1.5em;
	line-height: 1.3em;
	font-family: '微软雅黑';
	 font-size: 1.437em;
}
#why ul span{
	display: block;
	text-indent: 4.5em;
	font-size: 0.5em;
	line-height: 0.5em;
	font-family: arial;
}
#why strong {
	font-weight: normal;
	color: #FFA60E;
}
.order1{
	background: url(../img/order.jpg) no-repeat;
}
.order2{
	background: url(../img/order.jpg) no-repeat 0 -1.87em;
}
.order3{
	background: url(../img/order.jpg) no-repeat 0 -3.8em;
}
.order4{
	background: url(../img/order.jpg) no-repeat 0 -5.65em;
}
.order5{
	background: url(../img/order.jpg) no-repeat 0 -7.5em;
}
.order6{
	background: url(../img/order.jpg) no-repeat 0 -9.4em;
}

#introduce img{
	float: left;
	margin-right: 0.625em;
}
#introduce p{
	font-size: 1.25em;
	line-height: 1.7em;
}

#news ,#store{
	width: 67.5em;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#news ul{
	margin: 0;padding: 0;
}
#news li{
	list-style:circle ;width: 31.25em;
	float: left;
	height: 2.5em;
	text-align: left;
	border-bottom: 0.062em dotted #999;
	margin-left: 1.25em;
	}
#news .margin_right{
	margin-right: 1.875em;
}
#news a{
	line-height: 2.5em;
	font-size: 1.125em;
	font-family: "微软雅黑";
	color: #333;
}
#news a:hover{
	display: block;
	color: #FFFFFF;
	background: #FF0000;
	font-size: 1.25em;
}
#news a:active{
	color: #0066CC;
	background: #ddd;
}

#products,#storage {
	width:66.875em;
	margin: 0 auto;
	padding: 0.312em;
	position: relative;
	height: 33.125em;
	overflow: hidden;
	text-align: center;
	position: relative;
}
#products img,#storage img{
	margin: 0.1em;
	border-radius: 0.625em;
}
#products ul,#storage ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0.8em;
	left: 28.75em;
}
#products li,#storage li{
	list-style: none;
	float: left;
	width: 1.25em;
	height:1.25em;
	margin-right: 0.312em;
	border: 0.062em solid #333;
	border-radius: 0.625em;
}
#products .active,#storage .active {
	background: #FFA60E;
}

#store {
	border: 0.062em solid #0066CC;
}
#thead {
	width: 67.5em;
	height: 1.875em;
	background: #888;
	color: #fff;
	margin: 0 auto;
	margin-bottom: 0.312em;
}
#thead span,#tbody span{
	display: block;
	float: left;
	height: 1.875em;
	line-height: 1.875em;
}
#tbody {
	width: 67.5em;
	margin: 0 auto;
	position: relative;
	height: 31.562em;
	overflow: hidden;
	
}
#tt {
	width: 67.5empx;
	position: absolute;
	left: 0;
	top: 0;
}

.col1{width: 9.375em;}
.col2{width: 21.875em;}
.col3{width: 6.25em;}
.col4{width: 6.25em;}
.col5{width: 9.375em;}
.col6{width: 9.375em;}

#contact_us {
	width: 33.125em;
	height: 23.125em;
	background: url(../img/contact-us.jpg) no-repeat 0.625em 0.625em;
	font-family: "微软雅黑";
	padding-left: 34.375em;
	padding-top: 0.625em;
}
#contact_us h1 {
	margin: 0;
	padding: 0;
	font-size: 1.625em;
}
#contact_us span {
	font-family: arial;
	font-size: 0.75em;
}
#contact_us p {
	font-size: 1.25em;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

footer {
	margin-top: 0.625em;
	width: 67.5em;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 0.875em;
	border-top: 0.062em solid #999999;
}
footer p {
	margin-bottom: 0;
	padding-bottom: 0.625em;
}